<!DOCTYPE html>
<html lang="en">
<head>
	<meta name="viewport" content="width=device-width,height=device-height, user-scalable=no,initial-scale=1, minimum-scale=1, maximum-scale=1,target-densitydpi=device-dpi">
	<meta charset="UTF-8">
	<title>今日配送</title>
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="css/indelivery2.css">
	<script src="js/jquery.min.js"></script>
</head>
</head>
<body>
	<!-- 头部可复用样式 -->
	<header>
		<img src="images/guanbi.png" alt="关闭">
		<p>今日配送</p>
		<img src="images/gengduo.png" alt="更多">
	</header>
	<!-- delivery title -->
	<div class="deliveryTitle">
		<p onclick="javascript:window.location.href='indelivery.html'">配送中</p>
		<p class="active">已完成</p>
		<button>查询</button>
	</div>
	<!-- delivery -->
	<div class="delivery">
		<div class="delivery_line1">
			<p>配送单号: 201707121136</p>
			<p>配送中</p>
		</div>
		<div class="delivery_line2">
			<p>地址: <span>金地中心B座3层</span></p>
			<p>联系人: <span>张小邪</span></p>
			<p>联系电话: <span>15805398888 <img src="images/电话.png" alt=""></span></p>
			<p class="chakan">查看详情<span><img src="images/查看详情.png" alt=""></span></p>
		</div>
		<div class="delivery_line3">
			<p>配送及回单详情</p>
			<div class="delivery_line3_1">
				<p>怡宝系列&nbsp;18.9L</p>
				<p>订单数量: <span>3</span></p>
				<p>实送数量: <span>3</span></p>
				<p>回&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;桶: <span>2</span></p>
				<p>累计欠桶: <span>1</span></p>
			</div>
			<div class="delivery_line3_1">
				<p>哇哈哈系列&nbsp;18.9L</p>
				<p>订单数量: <span>3</span></p>
				<p>实送数量: <span>3</span></p>
				<p>回&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;桶: <span>0</span></p>
				<p>累计欠桶: <span>0</span></p>
			</div>
			<div class="delivery_line3_2">
				<p>怡宝系列&nbsp;18.9L</p>
				<p>回&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;桶: <span>1</span></p>
				<p>累计欠桶: <span>0</span></p>
			</div>
			<div class="delivery_line3_2">
				<p>哇哈哈系列&nbsp;18.9L</p>
				<p>退&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;桶: <span>1</span></p>
				<p>退还押金: <span>￥50</span></p>
			</div>
			<p class="shouqi">收起<img src="images/查看详情.png" alt=""></p>
		</div>
	</div>
	<div class="delivery">
		<div class="delivery_line1">
			<p>配送单号: 201707121136</p>
			<p>配送中</p>
		</div>
		<div class="delivery_line2">
			<p>地址: <span>金地中心B座3层</span></p>
			<p>联系人: <span>张小邪</span></p>
			<p>联系电话: <span>15805398888 <img src="images/电话.png" alt=""></span></p>
			<p class="chakan">查看详情<span><img src="images/查看详情.png" alt=""></span></p>
		</div>
		<div class="delivery_line3">
			<p>配送及回单详情</p>
			<div class="delivery_line3_1">
				<p>怡宝系列&nbsp;18.9L</p>
				<p>订单数量: <span>3</span></p>
				<p>实送数量: <span>3</span></p>
				<p>回&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;桶: <span>2</span></p>
				<p>累计欠桶: <span>1</span></p>
			</div>
			<div class="delivery_line3_1">
				<p>哇哈哈系列&nbsp;18.9L</p>
				<p>订单数量: <span>3</span></p>
				<p>实送数量: <span>3</span></p>
				<p>回&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;桶: <span>0</span></p>
				<p>累计欠桶: <span>0</span></p>
			</div>
			<div class="delivery_line3_2">
				<p>怡宝系列&nbsp;18.9L</p>
				<p>回&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;桶: <span>1</span></p>
				<p>累计欠桶: <span>0</span></p>
			</div>
			<div class="delivery_line3_2">
				<p>哇哈哈系列&nbsp;18.9L</p>
				<p>退&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;桶: <span>1</span></p>
				<p>退还押金: <span>￥50</span></p>
			</div>
			<p class="shouqi">收起<img src="images/查看详情.png" alt=""></p>
		</div>
	</div>
	<div class="delivery">
		<div class="delivery_line1">
			<p>配送单号: 201707121136</p>
			<p>配送中</p>
		</div>
		<div class="delivery_line2">
			<p>地址: <span>金地中心B座3层</span></p>
			<p>联系人: <span>张小邪</span></p>
			<p>联系电话: <span>15805398888 <img src="images/电话.png" alt=""></span></p>
			<p class="chakan">查看详情<span><img src="images/查看详情.png" alt=""></span></p>
		</div>
		<div class="delivery_line3">
			<p>配送及回单详情</p>
			<div class="delivery_line3_1">
				<p>怡宝系列&nbsp;18.9L</p>
				<p>订单数量: <span>3</span></p>
				<p>实送数量: <span>3</span></p>
				<p>回&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;桶: <span>2</span></p>
				<p>累计欠桶: <span>1</span></p>
			</div>
			<div class="delivery_line3_1">
				<p>哇哈哈系列&nbsp;18.9L</p>
				<p>订单数量: <span>3</span></p>
				<p>实送数量: <span>3</span></p>
				<p>回&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;桶: <span>0</span></p>
				<p>累计欠桶: <span>0</span></p>
			</div>
			<div class="delivery_line3_2">
				<p>怡宝系列&nbsp;18.9L</p>
				<p>回&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;桶: <span>1</span></p>
				<p>累计欠桶: <span>0</span></p>
			</div>
			<div class="delivery_line3_2">
				<p>哇哈哈系列&nbsp;18.9L</p>
				<p>退&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;桶: <span>1</span></p>
				<p>退还押金: <span>￥50</span></p>
			</div>
			<p class="shouqi">收起<img src="images/查看详情.png" alt=""></p>
		</div>
	</div>
	<div class="delivery">
		<div class="delivery_line1">
			<p>配送单号: 201707121136</p>
			<p>配送中</p>
		</div>
		<div class="delivery_line2">
			<p>地址: <span>金地中心B座3层</span></p>
			<p>联系人: <span>张小邪</span></p>
			<p>联系电话: <span>15805398888 <img src="images/电话.png" alt=""></span></p>
			<p class="chakan">查看详情<span><img src="images/查看详情.png" alt=""></span></p>
		</div>
		<div class="delivery_line3">
			<p>配送及回单详情</p>
			<div class="delivery_line3_1">
				<p>怡宝系列&nbsp;18.9L</p>
				<p>订单数量: <span>3</span></p>
				<p>实送数量: <span>3</span></p>
				<p>回&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;桶: <span>2</span></p>
				<p>累计欠桶: <span>1</span></p>
			</div>
			<div class="delivery_line3_1">
				<p>哇哈哈系列&nbsp;18.9L</p>
				<p>订单数量: <span>3</span></p>
				<p>实送数量: <span>3</span></p>
				<p>回&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;桶: <span>0</span></p>
				<p>累计欠桶: <span>0</span></p>
			</div>
			<div class="delivery_line3_2">
				<p>怡宝系列&nbsp;18.9L</p>
				<p>回&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;桶: <span>1</span></p>
				<p>累计欠桶: <span>0</span></p>
			</div>
			<div class="delivery_line3_2">
				<p>哇哈哈系列&nbsp;18.9L</p>
				<p>退&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;桶: <span>1</span></p>
				<p>退还押金: <span>￥50</span></p>
			</div>
			<p class="shouqi">收起<img src="images/查看详情.png" alt=""></p>
		</div>
	</div>
	<script>
		$(function(){
			$('.deliveryTitle p').click(function(event) {
				$(this).addClass('active').siblings('p').removeClass('active');
			});
			$('.chakan').click(function(event) {
				$(this).hide().parent('.delivery_line2').next('.delivery_line3').show();
			});
			$('.shouqi').click(function(event) {
				$(this).parent('.delivery_line3').hide().prev('.delivery_line2').children('.chakan').show();
			});
		})
	</script>
</body>
</html>